<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>怡荭书苑</title>
    <link rel="stylesheet" href="../css/common/base.css">
    <link rel="stylesheet" href="../css/read.css">
    <!--<script src="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>-->
    <!--<script>eruda.init();</script>-->
    <script>(function flexible(c,b){var h=b.documentElement;var d=c.devicePixelRatio||1;function g(){if(b.body){b.body.style.fontSize=(12*d)+"px"}else{b.addEventListener("DOMContentLoaded",g)}}g();function e(){var i=h.clientWidth/10;h.style.fontSize=i+"px"}e();c.addEventListener("resize",e);c.addEventListener("pageshow",function(i){if(i.persisted){e()}});if(d>=2){var f=b.createElement("body");var a=b.createElement("div");a.style.border=".5px solid transparent";f.appendChild(a);h.appendChild(f);if(a.offsetHeight===1){h.classList.add("hairlines")}h.removeChild(f)}}(window,document));</script>
</head>
<body>
<div id="read-wrapper">
    <div class="head-wrapper">
        <div class="left-wrapper inline"></div>
        <div class="home-wrapper inline"></div>
    </div>
    <div class="set-options-wrapper">
        <ul>
            <li class="inline bg active border-1px-all default" data-bg="default">1111</li>
            <li class="inline bg border-1px-all second" data-bg="second"></li>
            <li class="inline bg border-1px-all third" data-bg="third"></li>
            <li class="inline bg border-1px-all evening" data-bg="evening"></li>
            <li class="inline present right tc">打赏吐槽</li>
            <li class="inline reduce right tc" onclick="changeFontSize('reduce')">A-</li>
            <li class="inline enlarge right tc" onclick="changeFontSize('enlarge')">A+</li>
        </ul>
    </div>
    <div class="read-content">

    </div>
    <div class="should-recharge-wrapper">

    </div>
    <div class="bottom-wrapper">
        <div class="pre-chap-wrapper inline border-1px-all">
            <span class="icon-wrapper inline"><</span><span class="inline change-chapter">上一章</span>
        </div>
        <div class="catalog-btn inline border-1px-all">
            <i class="icon-wrapper inline"></i><span class="inline">目录</span>
        </div>
        <div class="next-chap-wrapper inline border-1px-all">
            <span class="inline change-chapter">下一章</span><span class="icon-wrapper inline tr">></span>
        </div>
    </div>
    <div class="select-present-mask">
        <div class="select-present-top-mask pa"></div>
        <div class="select-present-wrapper pa">
            <ul class="present-list">
            </ul>
            <div class="present-btn-wrapper">
                <div class="rest-coin inline tc">剩余书币：<span></span></div>
                <div class="recharge-btn inline">充值></div>
                <div class="present-btn inline tc" onclick="givePresent()">打赏</div>
            </div>
        </div>
    </div>
    <div class="add-shelf-wrapper">
        <div class="add-shelf-content pa">
            <h1 class="title">加入书架</h1>
            <p class="desc">喜欢本书就加入书架吧</p>
            <div class="btn-group clearfix">
                <span class="fr ensure" onclick="addShelf()">确定</span>
                <span class="fr cancel">取消</span>
            </div>
        </div>
    </div>
    <!-- 全本购买弹框 -->
    <div class="onsell-price-wrapper">
        <div class="add-shelf-content pa">
            <h1 class="title">限时特价</h1>
            <p class="desc">全本购买仅需<span class="now-price"></span>书币 <s class="origin-price"></s>书币</p>
            <div class="btn-group clearfix">
                <span class="fr ensure" onclick="buyBook()">购买</span>
                <span class="fr cancel">不需要</span>
            </div>
        </div>
    </div>
    <!-- 签到成功弹框 -->
    <div class="sign-success-wrapper">
        <div class="sign-success">
            <div class="success-detail">
            </div>
        </div>
    </div>
    <!-- 关注公众号弹框 -->
    <div class="focus-wx-wrapper mask">
        <div class="qrcode-wrapper pr">
            <div class="code-img-wrapper pa"></div>
        </div>
        <div class="focus-btn"></div>
        <div class="close-focus"></div>
    </div>
    <!-- 首充弹框 -->
    <div class="first-charge-wrapper mask">
        <div class="first-charge-img pr">
            <div class="close-first-charge pa"></div>
        </div>
        <div class="get-first-charge"></div>
    </div>
    <!-- 充值30弹框 -->
    <div class="charge-30-wrapper mask">
        <div class="charge-30-img pr">
            <div class="close-charge-30 pa"></div>
            <div class="charge-30-btn pa"></div>
        </div>
    </div>
    <!-- vip包年包月弹框 -->
    <div class="vip-wrapper mask">
        <div class="vip-img pr">
            <div class="close-vip-btn pa"></div>
            <div class="month-btn pa" onclick="openVip('month')"></div>
            <div class="year-btn pa" onclick="openVip('year')"></div>
        </div>
    </div>
</div>
<script src="../js/libs/zepto.min.js"></script>
<script src="../js/libs/common.js"></script>
<script src="../js/read.js"></script>
</body>
</html>